<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
String filePath = basePath+"/view/rec";
%>
<!DOCTYPE html>
<html>
<head>
	<base href="<%=basePath%>">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="author" content="pixelcave">
	<meta name="robots" content="noindex, nofollow">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<title>zzblog-ZZ博客</title>
		<!-- Icons -->
	<!-- The following icons can be replaced with your own, they are used by desktop and mobile browsers -->
	<link rel="shortcut icon" href="<%= filePath %>/lexyui/img/favicons/favicon.png">
	
	<link rel="icon" type="image/png" href="<%=filePath %>/lexyui/assets/img/favicons/favicon-16x16.png" sizes="16x16">
	<link rel="icon" type="image/png" href="<%=filePath %>/lexyui/assets/img/favicons/favicon-32x32.png" sizes="32x32">
	<link rel="icon" type="image/png" href="<%=filePath %>/lexyui/assets/img/favicons/favicon-96x96.png" sizes="96x96">
	<link rel="icon" type="image/png" href="<%=filePath %>/lexyui/assets/img/favicons/favicon-160x160.png" sizes="160x160">
	<link rel="icon" type="image/png" href="<%=filePath %>/lexyui/assets/img/favicons/favicon-192x192.png" sizes="192x192">
	
	<link rel="apple-touch-icon" sizes="57x57" href="<%=filePath %>/lexyui/assets/img/favicons/apple-touch-icon-57x57.png">
	<link rel="apple-touch-icon" sizes="60x60" href="<%=filePath %>/lexyui/assets/img/favicons/apple-touch-icon-60x60.png">
	<link rel="apple-touch-icon" sizes="72x72" href="<%=filePath %>/lexyui/assets/img/favicons/apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="76x76" href="<%=filePath %>/lexyui/assets/img/favicons/apple-touch-icon-76x76.png">
	<link rel="apple-touch-icon" sizes="114x114" href="<%=filePath %>/lexyui/assets/img/favicons/apple-touch-icon-114x114.png">
	<link rel="apple-touch-icon" sizes="120x120" href="<%=filePath %>/lexyui/assets/img/favicons/apple-touch-icon-120x120.png">
	<link rel="apple-touch-icon" sizes="144x144" href="<%=filePath %>/lexyui/assets/img/favicons/apple-touch-icon-144x144.png">
	<link rel="apple-touch-icon" sizes="152x152" href="<%=filePath %>/lexyui/assets/img/favicons/apple-touch-icon-152x152.png">
	<link rel="apple-touch-icon" sizes="180x180" href="<%=filePath %>/lexyui/assets/img/favicons/apple-touch-icon-180x180.png">
	<!-- END Icons -->
	
	<!-- Stylesheets -->
	<!-- Web fonts -->
	<!-- 
	<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400italic,600,700%7COpen+Sans:300,400,400italic,600,700">
	<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400italic,600,700%7COpen+Sans:300,400,400italic,600,700">
	 -->	
	 
    <!-- Page JS Plugins CSS -->
    <%-- <link rel="stylesheet" href="<%=filePath %>/lexyui/assets/js/plugins/select2/select2.min.css">
    <link rel="stylesheet" href="<%=filePath %>/lexyui/assets/js/plugins/select2/select2-bootstrap.min.css"> --%>
	
	<!-- Bootstrap and OneUI CSS framework -->
	<link rel="stylesheet" href="<%=filePath %>/lexyui/assets/css/bootstrap.min.css">
	<link rel="stylesheet" id="css-main" href="<%=filePath %>/lexyui/assets/css/oneui.css">
	
	<style type="text/css">
		.content-boxed {
		    max-width: 1280px !important;
		}
		
		a img{
		    display: block;
    max-width: 100%;
    height: auto;}
	
	</style>
	
	
</head>
<body>
	<div id="page-container" class="sidebar-l sidebar-mini sidebar-o side-scroll header-navbar-fixed">
		<!-- Sidebar -->
		<jsp:include page="rec_menu.jsp"></jsp:include>
		<!-- END Sidebar -->
		<!-- Header -->
		<jsp:include page="rec_fixed_top.jsp"></jsp:include>
		<!-- END Header -->
		
		
		
		<!-- Main Container -->
            <main id="main-container">
                <!-- Hero Content -->
                <div class="bg-image" style="background-image: url('assets/img/photos/photo24@2x.jpg');">
                    <div class="bg-primary-dark-op">
                        <section class="content content-full content-boxed overflow-hidden">
                            <!-- Section Content -->
                            <div class="push-100-t push-50 text-center">
                                <h1 class="h2 text-white push-10 visibility-hidden" data-toggle="appear" data-class="animated fadeInDown">${blogInfo.blog_title}</h1>
                                <h2 class="h5 text-white-op visibility-hidden" data-toggle="appear" data-class="animated fadeInDown">Feel free to explore and read.</h2>
                            </div>
                            <!-- END Section Content -->
                        </section>
                    </div>
                </div>
                <!-- END Hero Content -->

                <!-- Classic Content -->
                <section class="content content-boxed">
                    <!-- Section Content -->
                    <div class="push-50-t push-50">
                        <div class="row">
                            <div class="col-md-8">
                               	<div class="block">
	                                ${blogInfo.blog_content}
								</div>

                            </div>
                            <div class="col-md-4 hidden-xs">
                                <!-- Search -->
                                <div class="block">
                                    <div class="block-header bg-gray-lighter">
                                        <h3 class="block-title">Search</h3>
                                    </div>
                                    <div class="block-content block-content-full">
                                        <form action="frontend_search.html" method="post">
                                            <div class="input-group input-group-lg">
                                                <input class="form-control" type="text" placeholder="Type and hit enter..">
                                                <div class="input-group-btn">
                                                    <button class="btn btn-default"><i class="fa fa-search"></i></button>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                                <!-- END Search -->

                                <!-- About -->
                                <a class="block block-link-hover3" href="base_pages_profile.html">
                                    <div class="block-header bg-gray-lighter">
                                        <h3 class="block-title">About</h3>
                                    </div>
                                    <div class="block-content block-content-full text-center">
                                        <div>
                                            <img class="img-avatar img-avatar96" src="assets/img/avatars/avatar1.jpg" alt="">
                                        </div>
                                        <div class="h5 push-15-t push-5">Tiffany Kim</div>
                                        <div class="font-s13 text-muted">Publisher</div>
                                    </div>
                                    <div class="block-content border-t">
                                        <div class="row items-push text-center">
                                            <div class="col-xs-6">
                                                <div class="push-5"><i class="si si-pencil fa-2x"></i></div>
                                                <div class="h5 font-w300 text-muted">350 Stories</div>
                                            </div>
                                            <div class="col-xs-6">
                                                <div class="push-5"><i class="si si-users fa-2x"></i></div>
                                                <div class="h5 font-w300 text-muted">1.5k Followers</div>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                                <!-- END About -->

                                <!-- Recent Comments -->
                                <div class="block">
                                    <div class="block-header bg-gray-lighter">
                                        <ul class="block-options">
                                            <li>
                                                <button type="button" data-toggle="block-option" data-action="refresh_toggle" data-action-mode="demo"><i class="si si-refresh"></i></button>
                                            </li>
                                        </ul>
                                        <h3 class="block-title">Recent Comments</h3>
                                    </div>
                                    <div class="block-content">
                                        <ul class="list list-simple">
                                            <li>
                                                <div class="push-5 clearfix">
                                                    <span class="font-s13 text-muted push-10-l pull-right">25 min ago</span>
                                                    <a class="font-w600" href="base_pages_profile.html">Donald Barnes</a> on <a href="frontend_blog_story.html">Exploring the Alps</a>
                                                </div>
                                                <div class="font-s13">Awesome trip! Looking forward going there, I'm sure it will be a great experience!</div>
                                            </li>
                                            <li>
                                                <div class="push-5 clearfix">
                                                    <span class="font-s13 text-muted push-10-l pull-right">42 min ago</span>
                                                    <a class="font-w600" href="base_pages_profile.html">Ronald George</a> on <a href="frontend_blog_story.html">Travel &amp; Work</a>
                                                </div>
                                                <div class="font-s13">Thank you for sharing your story with us! I really appreciate the info, it will come in handy for sure!</div>
                                            </li>
                                            <li>
                                                <div class="push-5 clearfix">
                                                    <span class="font-s13 text-muted push-10-l pull-right">53 min ago</span>
                                                    <a class="font-w600" href="base_pages_profile.html">Rebecca Gray</a> on <a href="frontend_blog_story.html">Black &amp; White</a>
                                                </div>
                                                <div class="font-s13">Really touching story.. I'm so happy everything went well at the end!</div>
                                            </li>
                                            <li>
                                                <div class="push-5 clearfix">
                                                    <span class="font-s13 text-muted push-10-l pull-right">2 days ago</span>
                                                    <a class="font-w600" href="base_pages_profile.html">Helen Silva</a> on <a href="frontend_blog_story.html">Sleep Better</a>
                                                </div>
                                                <div class="font-s13">Great advice! Thanks for sharing, I'm sure it will help many people sleep better and improve their lifes.</div>
                                            </li>
                                        </ul>
                                        <div class="text-center push">
                                            <small><a href="javascript:void(0)">Read More..</a></small>
                                        </div>
                                    </div>
                                </div>
                                <!-- END Recent Comments -->

                                <!-- Social -->
                                <div class="block">
                                    <div class="block-header bg-gray-lighter">
                                        <h3 class="block-title">Social</h3>
                                    </div>
                                    <div class="block-content block-content-full">
                                        <div class="btn-group">
                                            <a class="btn btn-default" href="javascript:void(0)" data-toggle="tooltip" title="Follow us on Twitter"><i class="fa fa-fw fa-twitter"></i></a>
                                            <a class="btn btn-default" href="javascript:void(0)" data-toggle="tooltip" title="Like our Facebook page"><i class="fa fa-fw fa-facebook"></i></a>
                                            <a class="btn btn-default" href="javascript:void(0)" data-toggle="tooltip" title="Follow us on Google Plus"><i class="fa fa-fw fa-google-plus"></i></a>
                                            <a class="btn btn-default" href="javascript:void(0)" data-toggle="tooltip" title="Follow us on Dribbble"><i class="fa fa-fw fa-dribbble"></i></a>
                                            <a class="btn btn-default" href="javascript:void(0)" data-toggle="tooltip" title="Subscribe on Youtube"><i class="fa fa-fw fa-youtube"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <!-- END Social -->
                            </div>
                        </div>
                    </div>
                    <!-- END Section Content -->
                </section>
                <!-- END Classic Content -->

                <!-- Get Started -->
                <div class="bg-primary-dark">
                    <section class="content content-full content-boxed">
                        <!-- Section Content -->
                        <div class="push-20-t push-20 text-center">
                            <h3 class="h4 text-white-op push-20 visibility-hidden" data-toggle="appear">Do you like our stories? Sign up today and get access to over <strong>10.000</strong> travel stories!</h3>
                            <a class="btn btn-rounded btn-noborder btn-lg btn-success visibility-hidden" data-toggle="appear" data-class="animated bounceIn" href="frontend_pricing.html">Get Started Today</a>
                        </div>
                        <!-- END Section Content -->
                    </section>
                </div>
                <!-- END Get Started -->
            </main>
            <!-- END Main Container -->
		
		
		
		
        <!-- Apps Modal -->
		<!-- Opens from the button in the header -->
		<div class="modal fade" id="apps-modal" tabindex="-1" role="dialog" aria-hidden="true">
			<div class="modal-sm modal-dialog modal-dialog-top">
				<div class="modal-content">
					<!-- Apps Block -->
					<div class="block block-themed block-transparent">
						<div class="block-header bg-primary-dark">
							<ul class="block-options">
								<li>
									<button data-dismiss="modal" type="button">
										<i class="si si-close"></i>
									</button>
								</li>
							</ul>
							<h3 class="block-title">Apps</h3></div>
						<div class="block-content">
							<div class="row text-center">
								<div class="col-xs-6">
									<a class="block block-rounded" href="base_pages_dashboard.html">
										<div class="block-content text-white bg-default">
											<i class="si si-speedometer fa-2x"></i>
											<div class="font-w600 push-15-t push-15">Backend</div></div>
									</a>
								</div>
								<div class="col-xs-6">
									<a class="block block-rounded" href="frontend_home.html">
										<div class="block-content text-white bg-modern">
											<i class="si si-rocket fa-2x"></i>
											<div class="font-w600 push-15-t push-15">Frontend</div></div>
									</a>
								</div>
							</div>
						</div>
					</div>
					<!-- END Apps Block --></div>
			</div>
		</div>
	</div>
            
	<!-- OneUI Core JS: jQuery, Bootstrap, slimScroll, scrollLock, Appear, CountTo, Placeholder, Cookie and App.js -->
	<script src="<%=filePath %>/lexyui/assets/js/core/jquery.min.js"></script>
	<script src="<%=filePath %>/lexyui/assets/js/core/bootstrap.min.js"></script>
	<script src="<%=filePath %>/lexyui/assets/js/core/jquery.slimscroll.min.js"></script>
	<script src="<%=filePath %>/lexyui/assets/js/core/jquery.scrollLock.min.js"></script>
	<script src="<%=filePath %>/lexyui/assets/js/core/jquery.appear.min.js"></script>
	<script src="<%=filePath %>/lexyui/assets/js/core/jquery.countTo.min.js"></script>
	<script src="<%=filePath %>/lexyui/assets/js/core/jquery.placeholder.min.js"></script>
	<script src="<%=filePath %>/lexyui/assets/js/core/js.cookie.min.js"></script>
	<script src="<%=filePath %>/lexyui/assets/js/app.js"></script>
	<script src="<%=filePath %>/lexyui/assets/js/pub.js"></script>
	
	
	
	<!-- Page JS Plugins -->
	<script src="<%=filePath %>/lexyui/assets/js/plugins/jquery-validation/jquery.validate.min.js"></script>
	<script src="<%=filePath %>/lexyui/assets/js/plugins/jquery-validation/additional-methods.min.js"></script>
	
	<!-- Page JS Code -->
	<script>
	   jQuery(function () {
	   	
	   	 // Init page helpers (Appear plugin)
	       App.initHelpers('appear');
	   
	   	 $("#btn-form").click(function(){
	   		 
	   		 
	   		ajaxForm();
	   	 })
	   });
	   
	   function ajaxForm(){
		   
		   var validata = $("#sginup-form").valid();
		   var data = jQuery("#sginup-form").serializeObject();
		   
		   if(validata){
		   		var result =  doPost("sginup", data);
		   		if(result.code="200"){
		   			alert(result.message);
		   			window.location.href="log";
		   		}
		   		
		   		
		   }
	   }
	   
	</script>
	<script src="<%=filePath %>/lexyui/assets/js/pages/rec_signup.js"></script>
</body>
</html>